<template>
<p>卡片包含标题，内容以及操作区域。</p>
<p>Card 组件由 <code>header</code> <code>body</code> 和 <code>footer</code>组成。 <code>header</code> 和 <code>footer</code>是可选的，其内容取决于一个具名的 slot。</p>
  <el-card style="max-width: 480px">
    <template #header>
      <div class="card-header">
        <span>Card name</span>
      </div>
    </template>
    <p v-for="o in 4" :key="o" class="text item">{{ 'List item ' + o }}</p>
    <template #footer>Footer content</template>
  </el-card>
</template>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>